<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>子元素选择器</title>
    <style>
    body > p:first-child{
        background: red;
    }
        /*  first-child   第一个子元素     */
        /*  last-child    最后一个  */
        /*  nth-child(n)  任意一个  even偶数位    odd奇数位   */

        /*  first-of-type   */
        /*  last-of-type    */
        /*  nth-of-type   是在当前类型的子元素中排序 和上面的很相似 */





    </style>
</head>
<body>
<p>这是一个标签</p>
<p>这是一个标签</p>
<p>这是一个标签</p>
<p>这是一个标签</p>
<div>
    <p>我是一个标签</p>
</div>

</body>
</html>